<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" 
	xmlns:pe="http://primefaces.org/ui/extensions"
	template="/WEB-INF/templates/template.xhtml">
	
<ui:define name="headIncludes">
	<style>
		.ui-datalist .ui-datalist-header, .ui-datalist .ui-datalist-footer {
			text-align:left;
		}
	</style>
	<f:event listener="#{produtoBean.initializeForm(param.produtoId)}" type="preRenderView"/>
</ui:define>
	
	<ui:define name="pageName">#{produtoBean.acao}</ui:define>
	<ui:define name="buttons">
		<p:commandButton value="Salvar" style="height:28px;" action="#{produtoBean.save}" update="@this, messageFromProduto" icon="ui-icon-disk"/>
		<p:commandButton value="Voltar" style="height:28px;" action="#{produtoBean.changeToList}" process="@this" icon="ui-icon-arrowreturnthick-1-w"/>
	</ui:define>
	
	<ui:define name="content">	
		<p:panel>
			<div>
				<p:messages id="messageFromProduto"/>
				
				<h:panelGrid columns="4" style="padding:5px;">
					<h:outputText value="Código" />
					<h:outputText value="Grupo *" />	
					<h:outputText value="" />			
					<h:outputText value="Descrição *" />	
					<p:inputText style="width:100px;" disabled="true" value="#{produtoBean.currentProduto.id}"/>
					
					<p:autoComplete id="inputGrupo" var="grupo" value="#{produtoBean.currentProduto.grupo}" maxlength="30"
						itemLabel="#{grupo.grupo}" itemValue="#{grupo}" size="35" required="true" requiredMessage="Selecione o grupo."
						converter="grupoConverter" completeMethod="#{produtoBean.getGrupoByQuery}">
						<p:ajax event="itemSelect" process="@this inputGrupo"/>
					</p:autoComplete>
					
					<p:commandButton icon="ui-icon-search" style="height:24px;" actionListener="#{produtoBean.openDialogListGrupo}" immediate="true" title="Selecionar grupo"/>
					<p:inputText style="width:250px;" value="#{produtoBean.currentProduto.descricao}" required="true" requiredMessage="Informe a descrição." maxlength="30"/>					
				</h:panelGrid>
				
				<h:panelGrid columns="3" style="padding:5px;">
					<h:outputText value="Unidade" />
					<h:outputText value="Marca" />								
					<h:outputText value="Código de barras" />
							
					<p:selectOneMenu style="width:100px" value="#{produtoBean.currentProduto.unidade}">
						<f:selectItem itemLabel="" itemValue="#{null}"/>
						<f:selectItems value="#{produtoBean.unidades}" />
					</p:selectOneMenu>
					<p:inputText style="width:220px;" value="#{produtoBean.currentProduto.marca}" maxlength="25"/>
					<p:inputText style="width:150px;" value="#{produtoBean.currentProduto.codigoBarras}" maxlength="25"/>	
				</h:panelGrid>				
													
				<h:panelGrid columns="4" style="padding:5px;">			
					<h:outputText value="Valor de custo" />		
					<h:outputText value="Valor de venda" />	
					<h:outputText value="Estoque mínimo" />	
					<h:outputText value="Estoque atual" />	
				
					<pe:inputNumber style="width:100px;" value="#{produtoBean.currentProduto.valorCusto}" decimalSeparator="," decimalPlaces="2"  thousandSeparator="." disabled="true"/>
					<pe:inputNumber style="width:100px;" value="#{produtoBean.currentProduto.valorVenda}" decimalSeparator="," decimalPlaces="2"  thousandSeparator="." maxValue="100000"/>
					<pe:inputNumber style="width:100px;" value="#{produtoBean.currentProduto.estoqueMinimo}" decimalPlaces="0" />
					<pe:inputNumber style="width:100px;" value="#{produtoBean.currentProduto.estoqueAtual}" decimalPlaces="0" disabled="true"/>
				</h:panelGrid>
				
				<h:panelGrid columns="1">
					<h:outputText value="Informações técnicas" />	
					<p:inputTextarea style="width:645px;height:65px;" value="#{produtoBean.currentProduto.infosTecnicas}" maxlength="255"/>	
				</h:panelGrid>
				
				<h:panelGrid columns="1">
					<h:outputText value="Restrições" />						
					<p:inputTextarea style="width:645px;height:65px;" value="#{produtoBean.currentProduto.restricoes}" maxlength="255"/>	
				</h:panelGrid>
				
				<h:panelGrid columns="1" style="padding:5px;">
					<h:outputText value="* Campos obrigatórios" />
				</h:panelGrid>
					
				<div style="width:100%; margin-top:10px;display: inline-block;">
					<h:outputText value="Fornecedor"/>
					<p:commandButton icon="ui-icon-search" value="Adicionar fornecedor" 
						actionListener="#{produtoBean.openDialogListFornecedor}" immediate="true" 
						style="float:right;"/>
				</div>
				<div style="padding-top:10px;">
					<p:dataTable var="fornecedor" 
						value="#{produtoBean.currentFornecedores}"
						paginator="true" rows="10" paginatorPosition="bottom"
						emptyMessage="Não há registros" id="tableFornecedores">  
						<p:column headerText="Código" style="width:150px;">  
					    	<h:outputText value="#{fornecedor.id}" />  
						</p:column>  
					 
						<p:column headerText="Nome">  
					    	<h:outputText value="#{fornecedor.nome}" />  
						</p:column> 	
		
						<p:column width="50" style="text-align:center;">
							<p:commandButton icon="ui-icon-trash"
								style="width: 24px; height: 24px;"
								actionListener="#{produtoBean.removeFornecedor(fornecedor.id)}" title="Remover"
								immediate="true"/>
							</p:column>
				  	</p:dataTable>
				</div>
			</div>
		</p:panel>	
	</ui:define>	
	<ui:define name="popups">
		<ui:include src="listGrupo.xhtml"/>
		<ui:include src="formGrupo.xhtml"/>
		<ui:include src="listFornecedor.xhtml"/>
	</ui:define>
</ui:composition>